約 4,180,452 件
https://w.atwiki.jp/nicepaper/pages/324.html
インライン要素やテーブルセルの上下中央揃えに関してはvertical-alignでいけますが、ブロックレベル要素の上下中央揃えはどのようにしていったらよいのでしょうか? おそらく検索から来た方はそこで悩んだと思います。これを解決していきます。12月2日記事 イメージ 目次 vertical-alignはブロックレベル要素には適用できない。 コード まとめ vertical-alignはブロックレベル要素には適用できない。 ブロックレベル要素のdivやpやliタグなど、ブロックレベル要素にはvertical-alignは適用できません。 そんな中でブロックレベル要素に適用するためには、positionプロパティとleft right top bottom +margin auto;を使って上下中央揃えをします。 コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="style.css" title ブロックレベル要素の上下中央揃え /title /head body div id="table-s" !--インライン要素やテーブルセルは適用できるよ。-- p 真ん中 /p /div div id="block" !--こっちは別の方法で適用させる。-- p class="block-s" ブロックレベル要素ですが真ん中です。 /p /div /body /html CSS @charset "utf-8"; /* CSS Document */ #table-s { display table-cell; width 300px; height 200px; background #CFF; vertical-align middle; text-align center; } #block { margin-top 30px; width 300px; height 200px; background #FCF; position relative; } .block-s { /*ここから*/ position absolute; top 0; left 0; right 0; bottom 0; margin auto; width 100px; height 60px; /*ここまでの表記が重要*/ background #FFC; } まとめ ブロックレベル要素で悩んだ場合はこれを使いましょう。 以上
https://w.atwiki.jp/nicepaper/pages/217.html
PHPでは型は柔軟に扱うことができますが、時にどうしてもこの型じゃないとだめ!という時は出てくると思います。そんな中での型の判定をしていきたいと思います。9月12日記事 目次 型のチェック コード まとめ 型のチェック 必ず整数値型じゃないとだめ、あるいは小数点じゃないとだめ、あるいは文字列じゃないとだめという場合はあるとおもいます。そんな中で使えるのがis_なんちゃら関数です。 コード 送り元 !DOCTYPE HTML html head meta charset="utf-8" title 数値の判定 /title /head body form action="confirm.php" method="post" ul li label 数値入力 /label /li li input type="text" name="num" /li li input type="submit" name="submit" value="送信" /ul /form /body /html 送り先 !DOCTYPE HTML html head meta charset="utf-8" title 型チェック関数 /title /head body ?php $num = $_POST["num"]; print 整数型をチェックするにはis_intやis_long関数 br ; var_dump(is_int($num)). print br br ; print 浮動小数点型をチェックするにはis_floatやis_double関数 br ; var_dump(is_float($num)). print br br ; print 整数型もしくは数値形式の文字列をチェックするにはis_numeric関数 br ; var_dump(is_numeric($num)). print br br ; print 文字列をチェックするにはis_string関数 br ; var_dump(is_string($num)). print br br ; print 配列型をチェックするにはis_array関数 br ; var_dump(is_array($num)). print br br ; print 論理型をチェックするにはis_bool関数 br ; var_dump(is_bool($num)). print br br ; print その他にもis_resourceやis_scalarやis_objectやis_nullがあります。 ; ? /body /html まとめ is_arrayは上記のプログラム状態だと常にfalseを返すのですが、一応記録のため記述していきました。 以上
https://w.atwiki.jp/endarser/
@wikiへようこそ ウィキはみんなで気軽にホームページ編集できるツールです。 このページは自由に編集することができます。 メールで送られてきたパスワードを用いてログインすることで、各種変更(サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等)することができます まずはこちらをご覧ください。 @wikiの基本操作 用途別のオススメ機能紹介 @wikiの設定/管理 分からないことは? @wiki ご利用ガイド よくある質問 無料で会員登録できるSNS内の@wiki助け合いコミュニティ @wiki更新情報 @wikiへのお問合せフォーム 等をご活用ください @wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list その他お勧めサービスについて 大容量1G、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES 無料ブログ作成は@WORDをご利用ください 2ch型の無料掲示板は@chsをご利用ください フォーラム型の無料掲示板は@bbをご利用ください お絵かき掲示板は@paintをご利用ください その他の無料掲示板は@bbsをご利用ください 無料ソーシャルプロフィールサービス @flabo(アットフラボ) おすすめ機能 気になるニュースをチェック 関連するブログ一覧を表示 その他にもいろいろな機能満載!! @wikiプラグイン @wiki便利ツール @wiki構文 @wikiプラグイン一覧 まとめサイト作成支援ツール バグ・不具合を見つけたら? 要望がある場合は? お手数ですが、お問合せフォームからご連絡ください。
https://w.atwiki.jp/omisono_php/pages/16.html
awurldecode関数で url をデコードする !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" title 御薗治療院 /title /head body ?php $miso = "御薗治療院"; echo rawurlencode($miso); echo " br \n"; echo rawurldecode($miso); ? /body /html
https://w.atwiki.jp/pokeanalyze/pages/37.html
https://w.atwiki.jp/kswc_kesc/pages/368.html
2022年GW観測会 2022年GWは久し振りに野辺山への遠征をしてきました。 以下、箇条書き ・小淵沢に到着した時点では快晴 ・夜に向けて徐々に雲が増える ・清里の萌木の村での夕飯を目指して、清里に移動 ・時旅車快走 ・Y星人闇夜で転倒して大怪我 ・Kちゃん日帰り×2 ・雨雨雨・・・ ・酒酒酒・・・
https://w.atwiki.jp/ekuserutoka/pages/16.html
//jquery.jqchart-0.03-beta-1.1.js //jquery.jQchart // //@charset utf-8 //(Public Domain) // (function($) { ////body書き忘れ対策 IEはbody無いとcanvas動かない 使う? if($.browser)if($.browser.msie)document.body||document.write( body ); //http //allabout.co.jp/internet/javascript/closeup/CU20060228A/index2.htm $.jQchart={ version 0.03-beta-1.1 , updateMemo v0.03-beta-1.1 are going to support CanvasGradient. , ver span class="jQchartVersion" style="color #aaa" /span script jQuery(function($){ $(".jQchartVersion").html("version jQchart-"+$.jQchart.version) }) /script , charset utf-8 , doc http //plugins.jquery.com/project/jQchart , demo http //jsgt.org/lib/jquery/plugin/jqchart/nightly/nightly.htm , blog http //jsgt.org/mt/01/ , author Toshiro Takahashi , lisence Public Domain , colorSets { char [ red , #FF9114 , #3CB000 , #00A8A2 , #0036C0 , #C328FF , #FF34C0 ], rikyu [ #cbb994 , #a59564 , #716246 , #928178 , #bfa46f , #dcd3b2 , #9e9478 , #c7b370 , #726250 , #d6c6af , #887938 , #ada250 , #726d40 , #a1a46d ], gray [ #524e4d , #adadad , #595455 , #afafb0 , #595857 , #c0c6c9 , #727171 , #c0c6c9 , #9fa0a0 , #dcdddd , #888084 , #d5d4d6 , #7d7d7d , #dddcd6 , #6b6c6d ] } } $.fn.jQchart = {}; if (window.attachEvent) { if($.browser.msie) window.attachEvent("onload",function(){$.fn.jQchart.winloaded=true}); } $.fn.jQchart= function(op){ var that=this,its; //Adjustment for canvas on IE if($.browser.msie !$.fn.jQchart.winloaded)$(window).load(function (){ini()}) else ini(); $.fn.jQchart.global_zIndex=1000; function ini(){ switch( typeof op ){ case string ajaxload(op) ;break; case object drawChart(op) ;break; }; } //XHR for case string function ajaxload(op){ $.get(op, function(res){ eval("var _option = "+res); drawChart(_option); }); } //Arguments for case object function drawChart(_option){ jQuery.extend( $.fn.jQchart,{ draw function (op){ return this.wrtGraph(op); }, //初期設定 init function (op){ if(!op)op={} if(!op.config)op.config={scaleY {}}; if(!op.config.scaleY)op.config.scaleY={}; if(!op.config.line)op.config.line={}; this.op=jQuery.extend({ type op.config.type|| line , use op.config.use|| null, // //キャンバスのID名 id $(that).get(0).id||op.config.id || "canvasChart_"+(new Date()).getTime(), //キャンバスの幅と高さ width op.config.width|| $("#"+that.get(0).id).attr( width )||300, height op.config.height|| $("#"+that.get(0).id).attr( height ) ||150, //canvas property //あとでlineや軸別にconfig設定可能にする bgGradient op.config.bgGradient || null, fillStyle op.config.fillStyle|| "rgba(255,0,0,0.5)", strokeStyle op.config.strokeStyle|| "rgba(180,180,180,0.5)", lineWidth op.config.lineWidth||1, //line //line_strokeStyle op.config.line.strokeStyle ||[ red , #FF9114 , #3CB000 , #00A8A2 , #0036C0 , #C328FF , #FF34C0 ], line_strokeStyle op.config.line.strokeStyle ||op.config.colorSet|| $.jQchart.colorSets.char, line_lineWidth op.config.line.lineWidth|| 1, //bar //フォントサイズ labelFontSize op.config.labelFontSize || op.fontSize ||10, labelYunitFontSize op.config.labelYunitFontSize || op.fontSize-1 ||9, dataFontSize op.config.dataFontSize|| op.fontSize ||9, //チャート領域のパディング paddingL op.config.paddingL|| 60, paddingT op.config.paddingT|| 50, paddingR op.config.paddingR|| 20, paddingB op.config.paddingB|| 40, //Title title op.config.title|| a href="http //jsgt.org/mt/archives/01/001827.html" jquery.jQchart /a , titleTop op.config.titleTop|| 10, titleLeft op.config.titleLeft|| 70, //Y単位 labelYunit op.config.labelYunit || , //Y目盛 dataYmin op.config.scaleY.min || 0, dataYmax op.config.scaleY.max || 1000, dataYgap op.config.scaleY.gap || 100, scaleYLeft op.config.scaleYLeft || 10, //X軸ラベル配列 labelX op.config.labelX || null, //チャート領域のデータ表示 labelDataShow op.config.labelDataShow || true, labelDataOffsetY op.config.labelDataOffsetY || 10, labelDataOffsetX op.config.labelDataOffsetX || 0, data op.data ||{}, draggable op.config.draggable || true },op||{}); if(this.op.use){ this.op.use_api = this.op.use.split( )[0] this.op.use_api_type = this.op.use.split( # )[0] this.op.use_api_box = this.op.use.split( )[1].split( # )[1] } if(!this.op.labelX)this.op.paddingB = 10 this.op.xGapPaddingR= op.config.xGapPaddingR|| 0, this.op.grid= { col (this.op.labelX)? this.op.labelX.length+this.op.xGapPaddingR this.op.data[0].length+this.op.xGapPaddingR||50,//暫定 row this.op.dataYmax/this.op.dataYgap }; this.op.scaleXTop =this.op.scaleYBottom =this.op.height-this.op.paddingB; this.op.scaleXRight=this.op.width-this.op.paddingR; this.op.chartWidth=this.op.width -this.op.paddingL-this.op.paddingR; this.op.chartHeight=this.op.height-this.op.paddingT-this.op.paddingB; this.op.scaleYTop=this.op.paddingT; this.op.scaleXLeft=this.op.paddingL; this.op.yGap=this.op.dataYgap*this.op.chartHeight/this.op.dataYmax; this.op.xGap=this.op.chartWidth/this.op.grid.col; this.op.labelYunitLeft=this.op.scaleXLeft ; this.op.labelYunitTop= 0 ;//dynamic set this.op.barWidth=(this.op.xGap)/(op.data.length+1); this.op.xGapPaddingL= this.op.xGap*op.config.xGapPaddingL|| 0; //bgGradient if(this.op.bgGradient){ if(typeof this.op.bgGradient != object )this.op.bgGradient={} if(!this.op.bgGradient.direction)this.op.bgGradient.direction= horizontal ; var h=(this.op.bgGradient.direction== horizontal ) var x1=(h)?0 this.op.width*0.227, y1=(h)?this.op.height*0.227 0, x2=(h)?0 this.op.width*0.818, y2=(h)?this.op.height*0.818 0; this.op.bgGradient.linearGradient={x1 x1,y1 y1,x2 x2,y2 y2} if(!this.op.bgGradient.from) this.op.bgGradient.from = #687478 ; if(!this.op.bgGradient.to) this.op.bgGradient.to = #222222 ; } this.resetBox(this.op.id); this.mkCanvas(this.op); }, //リセット resetBox function(id){ $("#jQchart-title-T-"+id).remove(); $("#jQchart-scale-Y-"+id).remove(); $("#jQchart-scale-X-"+id).remove(); $("#jQchart-data-D-"+id).remove(); }, //キャンバスセット mkCanvas function (op){ its=this; //for Opera Bug if(jQuery.browser.opera eval(jQuery.browser.version,10) 9.5) $("#"+that.get(0).id).get(0).outerHTML=( canvas id=" +this.op.id+ " /canvas ); //Canvas要素 this.canvas = $("#"+that.get(0).id) .attr( width ,this.op.width) .attr( height ,this.op.height) .get(0) //メインCanvasDIV作成 this.jQcanvasBox =this.mkBox4Canvas(this.canvas); this.canvasBox =$(this.jQcanvasBox).get(0); if (this.canvas.getContext){ this.ctx=this.canvas.getContext( 2d ); this.ctx.globalAlpha = 0.85; //キャンバスプロパティ設定 this.ctx.fillStyle =this.op.fillStyle; this.ctx.strokeStyle =this.op.strokeStyle; this.ctx.lineWidth =this.op.lineWidth; //bgGradient if(this.op.bgGradient){ /*alert( " x1-"+ this.op.bgGradient.linearGradient.x1+" y1-"+ this.op.bgGradient.linearGradient.y1+" x2-"+ this.op.bgGradient.linearGradient.x2+" y2-"+ this.op.bgGradient.linearGradient.y2)*/ var lingrad2 = this.ctx.createLinearGradient( this.op.bgGradient.linearGradient.x1, this.op.bgGradient.linearGradient.y1, this.op.bgGradient.linearGradient.x2, this.op.bgGradient.linearGradient.y2 ); lingrad2.addColorStop(0.1, this.op.bgGradient.from); lingrad2.addColorStop(0.9, this.op.bgGradient.to); this.ctx.fillStyle = lingrad2; this.ctx.fillRect(0,0,this.op.width,this.op.height); } //this.ctx.shadowBlur = 12; //this.ctx.shadowColor = "#ccc"; //this.ctx.shadowOffsetX = 10; //XY軸描画 this.setXaxis(this.op); this.setYaxis(this.op); //各DIV作成 this.titleBox//Title =this.mkBoxElement( T , this.op.titleLeft,this.op.titleTop ).appendTo(this.jQcanvasBox) .css( width ,this.op.width-this.op.titleLeft)//fix for safari3 2007.12.4 .get(0); this.scaleYBox//Y軸スケール =this.mkBoxElement( Y , this.op.scaleYLeft,this.op.scaleYTop ).appendTo(this.jQcanvasBox).get(0); this.scaleXBox//X軸スケール =this.mkBoxElement( X , this.op.scaleXLeft,this.op.scaleXTop ).appendTo(this.jQcanvasBox).get(0); this.dataBox //チャート上のデータ =this.mkBoxElement( D , this.op.paddingL+ px ,this.op.paddingT+ px ).appendTo(this.jQcanvasBox) .get(0); //チャート上のデータ表示/非表示 if(this.op.labelDataShow){ $(this.dataBox).show() } else { $(this.dataBox).hide() } //ダブルクリックで位置のドラッグ移動が可能になります if(jQuery)if(jQuery.ui)if(jQuery.ui.draggable this.op.draggable){ var _cnt=0;_cnt++;if(_cnt 1)return;/*for fix unbind*/ this.jQcanvasBox.unbind( dblclick ); this.jQcanvasBox.dblclick(function(e){ if(!$(this).hasClass("ui-draggable")){ draggingon(this); } }).mousedown(function(){_cnt=0/*fix unbind*/}) .click(function(e){ if(e.target.id!=$(this).get(0).id) draggingoff(this); }) } function draggingon(oj){ //var jclen=$(".jQchart").length; $(oj).draggable({opacity 0.5 }) .addClass("ui-draggable") .removeClass("ui-draggable-disabled") .css( border , 2px dotted cyan ) .css("zIndex",$.fn.jQchart.global_zIndex++) /*.append($( div id="jQchart-close- +oj.id+ " \ style="font-size 0.9em;\ width 300px;\ color #333;\ padding 0px" [X]-close /div ).one( click ,function(){ $(_cbox).replaceWith( canvas id=" +its.canvas.id+ " /canvas ) })) */ .append( div id="jQchart-drgmsg-M- +oj.id+ " class="jQchart-drgmsg-M" draggable-ドラッグできます /div ) } function draggingoff(oj){ $(oj).draggableDisable() .css( border , 0px ) .removeClass("ui-draggable") .addClass("ui-draggable-disabled") $("#jQchart-drgmsg-M-"+oj.id).remove(); } //========dbug======== //this._debugShowPos4(); } }, mkBox4Canvas function(canvas){ if(!document.getElementById("jQchart-" +this.op.id)) return $( div /div ) .attr( id , jQchart- +this.op.id) .attr( class , jQchart ) .css({ position relative , /*margin 0px , padding 0px ,*/ top 0px , left 0px , width this.op.width+ px , height this.op.height+ px }) .insertBefore(canvas) .append(canvas) else return $("#jQchart-" +this.op.id) }, mkBoxElement function(type,x,y){ var typeName= ; switch(type){ case T typeName= title ;break; case Y typeName= scale ;break; case X typeName= scale ;break; case D typeName= data ;break; }; if($(" #jQchart-scale-" +type+ - +this.op.id+" " ).length==0) return $( div /div ) .attr( id , jQchart- +typeName+ - +type+ - +this.op.id) .attr( class , jQchart- +typeName+ - +type) .css({ position this.op.position|| absolute , left x || 10px , top y || 10px }) .appendTo(document.body) }, //Title wrtTitle function(op){ op.subclass = title ; this.wrtText(0+ px ,0+ px , this.op.title, op, "#jQchart-title-T-"+op.id ); }, //X軸ラベル wrtXscale function(op){ op.subclass = labelX ; op.color= #333 ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelFontSize; var x=0//op.start.x , y=10//op.start.y ; x += op.xGapPaddingL; for (var i = 0, currP=0; i op.grid.col;i++) { this.wrtText(x+ px ,y+ px , op.labelX[currP]+" ", op, "#jQchart-scale-X-"+op.id ); x+=op.xGap; currP ++; this.util.setNextX(op); } op.fontSize=null; }, //Y軸ラベル単位 wrtLabelYunit function(op,x,y){ op.subclass = labelYunit ; op.color= #333 ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelYunitFontSize; this.op.labelYunitTop = y; var u=this.op.labelYunit; this.wrtText(x+ px ,y+ px , u+" ", op, "#jQchart-scale-Y-"+op.id ); op.fontSize=null; }, //Y軸ラベル wrtYscale function(op){ op.subclass = labelY ; op.color= #333 ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelFontSize; var x=op.scaleYLeft , y=op.chartHeight - op.labelFontSize ; for (var i = 0, currP=0; i = op.grid.row;i++) { currP = Math.round((currP*100))/100;//丸め this.wrtText(x+ px ,y+ px , currP+" ", op, "#jQchart-scale-Y-"+op.id ); y-=op.yGap; currP +=op.dataYgap; } if(this.op.labelYunit)this.wrtLabelYunit(op,x,y); op.fontSize=null; }, //水平線軸 setXaxis function(op){ op.begin = this.util.getBasePoint(op); op.end={ x op.scaleXRight, y op.begin.y } for (var i = 0; i = op.grid.row; i++) { this.drawAxis(op); this.util.setNextY(op); } op.setXaxis=true; }, //垂直線軸 setYaxis function(op){ op.begin = this.util.getBasePoint(op); op.end={ x op.begin.x, y op.scaleYTop }; for (var i = 0; i = op.grid.col ; i++) { this.drawAxis(op); this.util.setNextX(op); } op.setYaxis=true; }, //軸描画 drawAxis function(op){ this.ctx.beginPath(); this.ctx.moveTo(op.begin.x,op.begin.y); this.ctx.lineTo(op.end.x,op.end.y ); this.ctx.stroke(); this.ctx.save(); }, //折れ線描画 wrtGraph function(op){//200 y=700 100 if(typeof op == object )this.op = op ; this.init(this.op); var op =this.op; var it =this ; switch(op.type){ case( line ) it=this.drawLine(op,it) ;break; case( bar ) /*this.drawBar(op,it,10);*/it=this.drawBar(op,it,0) ;break; default it=this.drawLine(op,it) ;break; } //タイトルへ it.wrtTitle(it.op); return $("#"+it.op.id); }, drawLine function (op,it){ $.each(op.data,function(index,value){ op.rows=op.data[index]; op.subclass = labelData ; op.color= orange ; var strokeStyle=op.line_strokeStyle[index]|| #777 ;//とりあえず7color its.ctx.strokeStyle=strokeStyle;//折れ線色 あとでoption指定に its.ctx.lineWidth=op.line_lineWidth[index]||1; var x = op.paddingL, y = - op.rows[0]*op.height/op.dataYmax ; x += op.xGapPaddingL; its.ctx.beginPath(); for (var i = 0; i op.rows.length; i++) { y = op.paddingT+ op.chartHeight -op.rows[i]*op.chartHeight/op.dataYmax ; if(i==0) its.ctx.moveTo(x,y); else its.ctx.lineTo(x,y); //データ if( x = op.width){ var dx=x-op.paddingL,dy=y-op.paddingT; it.wrtText( dx+op.labelDataOffsetX+ px , dy+op.labelDataOffsetY+ px , op.rows[i],op, "#jQchart-data-D-"+op.id ).css( color ,(op.data.length==1)? #333 strokeStyle); } x += op.xGap; } its.ctx.stroke(); }); //Xラベルへ if(it.op.labelX)it.wrtXscale(it.op); //Yラベルへ it.wrtYscale(it.op); return it; }, drawBar function (op,it,ofs){ var dlen = op.data.length, x = op.paddingL,y=0 op.subclass = labelData ; for(var i=0;i dlen;i++){ var strokeStyle=op.line_strokeStyle[i]|| #777 ;//とりあえず7color its.ctx.fillStyle=strokeStyle;//折れ線色 あとでoption指定に if(ofs!=0)its.ctx.fillStyle = "#eee"; //its.ctx.strokeStyle = "orange"; if(ofs!=0)its.ctx.strokeStyle = "#eee"; op.rows = op.data[i]; for (var j = 0; j op.rows.length; j++) { drawRect(i,j,ofs); } x=op.paddingL+ op.barWidth*(i+1) } function drawRect(i,j,ofs){ y = op.paddingT+op.chartHeight -op.rows[j]*op.chartHeight/op.dataYmax ; its.ctx.fillRect(x+ofs,y+ofs,it.op.barWidth,op.paddingT+op.chartHeight-y); its.ctx.strokeRect(x+ofs,y+ofs,it.op.barWidth,op.paddingT+op.chartHeight-y); //データ if( x = op.width){ var dx=x-op.paddingL,dy=y-op.paddingT; it.wrtText( dx+op.labelDataOffsetX-0+ px , dy+op.labelDataOffsetY-30+ px , op.rows[j],op, "#jQchart-data-D-"+op.id ).css( color ,(op.data.length==1)? #333 strokeStyle); } x=x+op.xGap; } //Xラベルへ if(it.op.labelX)it.wrtXscale(it.op); //Yラベルへ it.wrtYscale(it.op); return it; }, //文字出力 wrtText function(x,y,text,op,scope){ var op=op||this.op, css={ position op.position|| absolute , left x || 10px , top y || 10px }; $.extend(css,(op.fontSize)?{ fontSize op.fontSize } {}); if(op.subclass)var subclass= op.subclass; return $( div class="jQchart- +subclass+ - +op.id+ jQchart- +subclass+ " /div ) .append(text) .css(css) .appendTo(scope||document.body) }, hoverDataEffect function(op){ $(".jQchart-labelData-"+op.id).hover(hover,unhover) function hover(){$(this).css("font-size","2em")} function unhover(){$(this).css("font-size",1+"em")} }, //デバッグ用 _debugShowPos4 function(){ var htm= Properties of br + font color="orange" $("# +this.op.id+ ").jQchart.op /font hr for(var i in this.op)htm+=i+" "+this.op[i]+" br " $(" div /div ").html(htm) .appendTo(document.body) .draggable({opacity 0.5 }) .css({ position absolute , top 10px , left 70% , margin 10px , padding 10px , backgroundColor #eee }) }, util new function(){ return { cpAry function(ary){ for (var i = 0,_ary=[]; i ary.length; i++)_ary.push(ary[i]); return _ary; }, getMinMax function(ary){ //$.fn.jQchart.util.getMinMax(op.data[0]).max() var _ary=$.fn.jQchart.util.cpAry(ary); return { min function(){return _ary.sort(function(a,b){return a-b})[0]}, max function(){return _ary.sort(function(a,b){return b-a})[0]} } }, getBasePoint function(op){ return { x op.scaleXLeft, y op.scaleYBottom } }, setNextX function(op){op.begin.x = op.end.x += op.xGap;}, setNextY function(op){op.begin.y = op.end.y -= op.yGap;} } } }); $(that).jQchart.draw(_option);//描画 return $(this); } return $(this); }})(jQuery);
https://w.atwiki.jp/javadsge/pages/9996.html
!DOCTYPE html html head style body{background-image url("http //www.goopunch.net/freesozai/photos4/sunflower_40_m.jpg")} p{background-color blue} /style title CSS /title meta charset="UTF-8" /head body p id="memo" A /p h1 BCDE /h1 /body /html
https://w.atwiki.jp/kswc_kesc/pages/372.html
2023年GW観測会 2023年GWの観望会は現在4月30日からの二泊三日日程で開催してきました。 天気は初日は小雨、2日目は一過性の降雨があったものの、5月2日から快晴。 とはいえ、月齢が10前後とかなり天体観測には不向きな条件だったため、写真撮ったらうっすら天の川が判る・・・かなぁレベルの観測となりました。
https://w.atwiki.jp/javadsge/pages/10000.html
html head style img{width 100%} /style title CSS /title meta charset="UTF-8" /head body picture img src="https //docs.google.com/uc?export=view amp;id=1rqU8qdSoF5DT-oZ_7AM4N-V1FTbTRuJBKg" /picture /body /html